<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        {:build_toolbar('refresh,add,edit,del')}
                        <div class="dropdown btn-group {:$auth->check('user/group/multi')?'':'hide'}">
                            <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                            <ul class="dropdown-menu text-left" role="menu">
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                                <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                            </ul>
                        </div>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover"
                           data-operate-edit="{:$auth->check('user/group/edit')}" 
                           data-operate-del="{:$auth->check('user/group/del')}" 
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>

    <style>
        .d-flex {
            display: flex;
            justify-content: space-between;
        }
        .add_user {
            width: 120px;
            height: 20px;
            line-height: 20px;
        }
        .line-c {
            width: 100%;
            height: 3px;
            margin: 20px 0px;
            padding: 0px 20px;
            background-color: #E8EBF0;
        }
        .btn-color{
            background-color: #5AA2FD;
            display: block;
            text-align: center;
            width: 100%;
            color: white;
        }
        table tr td{
            text-align: center;
        }
        .btn-color1{
            background-color: #5AA2FD;
            color: white;
        }
    </style>

    <span class="page-heading" style="color: #44abf7;line-height: 50px;height: 50px; font-weight: bolder;font-size: 25px;padding-left: 10px">|&nbsp;&nbsp;</span>
    <span style="font-weight:bolder;font-size: 18px;">会员分组</span><br/>

    <div class="container" style="margin-top: 20px; ">
        <form class="form-inline">
            <div class="form-group">
                <div class="pull-left">
                    <a class="btn btn-color1 btn-sm"  href="#"><i class="fa fa-plus"></i> 添加标签组</a>
                </div>
            </div>
            <div class="form-group pull-right">
                <div class="input-group ">
                    <input type="text" class=" form-control" name="keyword" value="" placeholder="请输入关键词">
                    <span class="input-group-btn">
                        <button class="btn btn-color1" type="submit"> 搜索</button>
                    </span>
                </div>
            </div>
            <div class="form-group pull-right">
                <div class="input-group-select">
                    <select name="enabled" class="form-control" style="padding-right: 20px">
                        <option value="" selected="">状态</option>
                        <option value="1">启用</option>
                        <option value="0">禁用</option>
                    </select>
                </div>
            </div>
        </form>
    </div>

    <div class="line-c"></div>
    <div class="container">
        <form action="" method="post">
            <div class="page-table-header" style="padding-left: 2em">
                <input type="checkbox" class="checkAll" style="margin-right: 15px">
                <button class="btn btn-danger btn-sm btn-operation" type="button" disabled="disabled">
                    <i class="glyphicon glyphicon-trash btn-danger"></i> 删除
                </button>
            </div>
            <table class="table table-hover table-responsive">
                <thead>
                <tr>
                    <th style="width:25px;"></th>
                    <th style="width:50px;">
                        <span class="btn btn-color">序号</span>
                    </th>
                    <th style="width: 80px">
                        <span class="btn btn-color">标签名称</span>
                    </th>
                    <th style="width:80px;">
                        <span class="btn-color btn">会员</span>
                    </th>
                    <th style="width: 80px">
                        <span class="btn-color btn">标签描述</span>

                    </th>
                    <th style="width: 100px">
                        <span class="btn-color btn">操作</span>
                    </th>
                </tr>
                </thead>

                <tbody>
                    <tr>
                        <td><input type="checkbox" value="2" class="check-it"></td>
                        <td>2</td>
                        <td>平台会员</td>
                        <td>0</td>
                        <td>顾客</td>
                        <td>
                            <a class="btn btn-default  btn-sm btn-op btn-sm btn-operation" href="">
                                <span data-toggle="tooltip" data-placement="top" data-original-title="标签会员">
                                    <i class="fas fa-address-book " style="font-size: 15px"></i>
                                </span>
                            </a>
                            <a href="" class="btn btn-op btn-default btn-sm btn-operation">
                                <span data-toggle="tooltip" data-placement="top" data-original-title="会员修改">
                                    <i class="fas fa-user-edit" style="font-size: 13px"></i>
                                </span>
                            </a>
                            <a data-toggle="ajaxRemove" href="#" class="btn btn-op btn-default btn-sm btn-operation" data-confirm="确认要注销此会员吗?">
                                <span data-toggle="tooltip" data-placement="top" data-original-title="会员注销">
                                    <i class="fas fa-trash" style="font-size: 13px"></i>
                                </span>
                            </a>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td></td>
                        <td></td>
                        <td colspan="4" style="text-align: right">
                            <span class="pull-right" style="line-height: 28px;">(共3条记录)</span>
                        </td>
                    </tr>
                </tfoot>
            </table>

        </form>

    </div>

</div>


